

/*TODO: Modificar el CSS del loadingPanel tambien se puede modificar las animaciones en loaderAloha buscar el otro todo*/
.loadingPanel{
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color: rgba(240, 250, 240, 0.9);
	padding: 0px 15px 20px 15px;
	border: 2px #333333 solid;
	border-bottom: none;
	border-left: none;
	border-top-right-radius: 15px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	max-width: 220px;
}

.loadingPanel > p{
	display: block;
	color: rgb(60, 90, 60);
}

.loadingPanel > p > span{
	font-weight: bold;
	color: rgb(30, 40, 30);
}

.loadingPanel > .progresBar{
	display: block;
	width: 200px;
	height: 30px;
	background-color: rgba(220, 230, 220, 0.8);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5) inset;
	border-radius: 10px;
}

.loadingPanel > .progresBar > div{
	display: block;
	width: 0%;
	height: 30px;
	background-color: rgb(140, 185, 160);
	border-radius: 10px;
}






